<template>

    <el-row>
      <el-col :span="2"><div class="grid-content bg-purple"></div></el-col>
      <el-col :span="20">
        <el-container>
          <top-heard></top-heard>
        <el-main>
<!--          宣传栏-->
          <router-view></router-view>
        </el-main>
          <el-footer style="text-align: center;margin-top: 20px; margin-bottom: 100px;font-size: 12px;color:#409EFF;">
            <span>青春是一个短暂的美梦, 当你醒来时, 它早已消失无踪</span>
            <el-divider content-position="right" > Author @ 2022</el-divider>
            <a  href="http://localhost:8080/login" style="text-decoration:none;color: black;font-size: 10px">管理员入口</a>
            <el-divider><i class="el-icon-s-platform"></i></el-divider>
          </el-footer>
        </el-container>
      </el-col>
      <el-col :span="2"><div class="grid-content bg-purple"></div></el-col>
    </el-row>


</template>

<script>
import TopHeard from "../components/TopHeard";

    export default {
        name: "welcome",
      components: {TopHeard},
      data(){
          return{
            img:[
              'http://127.0.0.1:8089/index-bg.jpg',

            ]
          }
      }


    }
</script>

<style lang="less" scoped>
//.topPlan-wrap{
//  //width: auto;
//  height: 450px;
//  background-image: url("http://127.0.0.1:8089/index-bg.jpg");
//  .topPlanWrap-card{
//    width: 300px;
//    height: 400px;
//    color: #f9fafc;
//    background-color:rgba(46,41,37,0.2);
//  }
//}
//.content-box{
//  margin-top: 15px;
//}

//.el-header{
//  height: 60px;
//  background-color: #fff;
//  //border-bottom: 1px solid #dcdfe6;
//  position: fixed;
//  left:102px ;top : 0;right: 102px;
//  z-index: 10000;
//  //display: flex;
//}

//.el-card {
//  min-width: 300px;
//  margin-right: 20px;
//  transition: all .5s;
//}
//.el-card:hover{
//  margin-top: -5px;
//}
.el-main {
  background-color: #fff;
  text-align: center;
  margin-top: 80px;
}

body > .el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  //background: #99a9bf;
}
.bg-purple {
  //background: #d3dce6;
}
.bg-purple-light {
  //background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>
